<script lang="ts" setup>
  import Space from '@sscd/space';
  import Button from '@sscd/button';
</script>

<template>
  <div class="demo">
    <div class="demo-title">幽灵按钮</div>
    <div class="demo-content" :style="{ background: 'rgb(190, 200, 200)', padding: '26px 16px 16px' }">
      <Space wrap>
        <Button type="primary" ghost>Primary</Button>
        <Button ghost>Default</Button>
        <Button type="dashed" ghost>Dashed</Button>
        <Button type="primary" danger ghost>Danger</Button>
      </Space>
    </div>
  </div>
</template>
